/* Splitter
----------------------------------------------------------------------------- */
#splitter {
    background: url("../images/background.png") repeat-x scroll 0 1px #FFFFFF;
    min-width: 900px;
    padding: 8px;
}
#splitter .vsplitbar {
    width: 3px;
    background: #d3d3d3;
    z-index: 1!important;
}
#splitter .vsplitbar.active {
    background: #000;
    opacity: 0.7;
}

/* Breadcrumbs
----------------------------------------------------------------------------- */
div.breadcrumbs
{
    font-size: 1em;
    padding: 8px 0 8px;
}

div.breadcrumbs span
{
    font-weight: bold;
}


/* Flash message
----------------------------------------------------------------------------- */
div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border: 1px solid #DDD;
    border-radius: 5px;
}

div.flash-error
{
    background: url("../images/stop.png") no-repeat scroll 5px center #FBE3E4;
    padding-left: 25px;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background: url("../images/warning.png") no-repeat scroll 5px center #FFF6BF;
    padding-left: 25px;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background: url("../images/accept.png") no-repeat scroll 5px center #E6EFC2;
    padding-left: 25px;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

/* Content
----------------------------------------------------------------------------- */
div.box {} 
div.box div.heading {
    background: url(../images/box.png);
    border: 1px solid #DBDBDB;
/*    border-radius: 7px 7px 0 0;*/
    height: 38px;
    padding-left: 7px;
    padding-right: 7px;
    
}
div.box div.heading h1 {
    color: #003A88;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 11px 0 0;
    font-weight: bold;
}
div.box div.heading h1 img
{
    float: left;
    margin-left: 3px;
    margin-right: 8px;
    margin-top: -1px;
    max-width: 22px; 
}
div.box div.controls {
    float: right;
    margin-top: 6px;
    margin-right: 5px;
}

div.box div.content {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    min-height: 300px;
    overflow: auto;
    padding: 10px;
}

div.box div.bold {
    font-weight: bold;
    padding: 5px;
    background: #F8F8F8;
}

a.controls, input.controls {
    background: none repeat scroll 0 0 #003A88;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bolder;
    font-size: 11px;
}